﻿+

@{
    ViewData["Title"] = "Login";
}

@{Layout = null;}
<DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>停车场</title>
        <style>
            html.body {
                width: 100%;
                height: 100%;
            }

            .main {
                width: 100%;
                height: 100%;
            }

            .loginFrame {
                width: 700px;
                height: 500px;
                background: rgba(230,230,230,0.3);
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                border-radius: 10px;
                padding: 50px 0;
                box-sizing: border-box;
                box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
            }

                .loginFrame > div {
                    width: 350px;
                    height: 50px;
                    margin: 40px auto;
                    color: white;
                }

                .loginFrame > p {
                    text-align: center;
                    color: white;
                    font-size: 25px;
                }

                .loginFrame > div span {
                    display: inline-block;
                    cursor: pointer;
                    font-size: 20px;
                }

                .loginFrame > div input {
                    width: 100%;
                    height: 30px;
                    background: transparent;
                    border: none;
                    border-bottom: 1px solid white;
                    outline: none;
                    color: white;
                }

                .loginFrame .enterBut {
                    width: 200px;
                    height: 50px;
                    border-radius: 50px;
                    background-image: linear-gradient(to right,#5389bb,#44a1d6);
                    text-align: center;
                    padding-top: 10px;
                    box-sizing: border-box;
                    font-size: 20px;
                    cursor: pointer;
                }

                    .loginFrame .enterBut:hover {
                        box-shadow: 0 0 10px rgba(0,0,0,0.5) inset;
                    }

            input::-webkit-input-placeholder {
                color: #BDCADA;
            }

            svg {
                vertical-align: middle;
            }
        </style>
    </head>
    <body style=" background: url('/images/3.jpg') no-repeat; background-size: cover; overflow: hidden;">


        <div class="main">
            <div class="loginFrame">
                <p class="loginTitle">Login</p>

                <div class="user">
                    <label>

                        <span>
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" width="20" height="20" t="1601131375203" p-id="4826" version="1.1"><path fill="#ffffff" d="M 707.797 304.427 c 0 -114.219 -93.3547 -206.805 -208.512 -206.805 c -115.157 0 -208.512 92.5867 -208.512 206.805 c 0 114.219 93.3547 206.805 208.512 206.805 c 115.2 0 208.512 -92.5867 208.512 -206.805 m 292.053 656 c 1.36533 4.43733 2.304 9.088 2.304 13.9947 c 0 26.88 -21.9307 48.7253 -49.024 48.7253 a 48.8533 48.8533 0 0 1 -48.9813 -48.7253 v -0.170666 h -1.28 c -12.7573 -203.904 -182.741 -365.483 -391.168 -365.483 c -208.469 0 -378.453 161.579 -391.253 365.483 h -1.10933 v 0.170666 c 0 26.88 -21.9307 48.7253 -48.9813 48.7253 A 48.8533 48.8533 0 0 1 21.3333 974.421 c 0 -4.608 0.853333 -8.96 2.048 -13.2267 c 14.2507 -185.045 131.883 -341.248 296.149 -410.88 C 243.2 494.976 193.28 405.589 193.28 304.427 C 193.28 136.32 330.453 0 499.627 0 c 169.216 0 306.347 136.32 306.347 304.427 a 302.933 302.933 0 0 1 -118.187 239.915 c 172.203 66.0053 297.088 225.536 312.064 416.085" p-id="4827" /></svg>

                        </span>
                        <span>用户名</span>

                        <input id="usernumber" type="text" placeholder="Usernumber">
                    </label>
                </div>

                <div class="password">
                    <label>

                        <span>

                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" width="20" height="20" t="1601131401072" p-id="5729" version="1.1"><path fill="#ffffff" d="M 785.7 360.1 H 724 v -75.4 c 0 -58.4 -22.7 -113.3 -64 -154.5 c -41.3 -41.3 -96.2 -64 -154.5 -64 s -113.3 22.7 -154.5 64 c -41.3 41.3 -64 96.2 -64 154.5 v 75.4 h -61.8 c -56.1 0 -101.8 45.7 -101.8 101.8 v 396.6 c 0 56.1 45.7 101.8 101.8 101.8 h 560.7 c 56.1 0 101.8 -45.7 101.8 -101.8 V 461.9 c -0.1 -56.2 -45.8 -101.8 -102 -101.8 Z m -434.8 -75.4 c 0 -85.2 69.3 -154.6 154.6 -154.6 S 660 199.5 660 284.7 v 75.4 H 350.9 v -75.4 Z m 472.7 573.8 c 0 20.9 -17 37.8 -37.8 37.8 H 225.1 c -20.9 0 -37.8 -17 -37.8 -37.8 V 461.9 c 0 -20.9 17 -37.8 37.8 -37.8 h 560.7 c 20.9 0 37.8 17 37.8 37.8 v 396.6 Z" p-id="5730" /><path fill="#ffffff" d="M 505.4 566.3 c -17.7 0 -32 14.3 -32 32 v 123.8 c 0 17.7 14.3 32 32 32 s 32 -14.3 32 -32 V 598.3 c 0 -17.7 -14.3 -32 -32 -32 Z" p-id="5731" /></svg>

                        </span>
                        <span>密码</span>

                        <input id="password" type="password" placeholder="password">
                    </label>
                </div>

                <div class="enterBut" id="loginBtn" type="button" onclick="checkCookie()">
                    <span>登入</span>
                </div>
                <div class="enterBut" onclick="window.location.href = '/Login/Zhuce'">
                    <span>注册</span>
                </div>

            </div>

        </div>
        <script src="/js/jquery-3.3.1.min.js"></script>
        <script src="~/js/dengru.js"></script>
        <script src="~/layui/layui.js"></script>
        <script src="~/js/Login.js"></script>
    </body>
</html>
